<template>
  <div>
    <div class="_transverse" :style="{left:styles.left,background:colors.leftColor}"></div>
    <div class="_main" :style="{top:styles.top,background:colors.topColor}"></div>
  </div>
</template>

<script lang="ts">
// @ts-nocheck
export default {
  props:{
    styles:{ type: Object, default: {top:'-2px',left:'-2px'} },
    colors:{ type: Object, default: {leftColor:'#79b904',topColor:'#79b904'} },
  }
}
</script>

<style lang="less" scoped>
  ._main{
    width:100%;
    height:2px;
    position: absolute;
    z-index:1;
    left:0;
    top:10px;
    background: #79b904;
    pointer-events: none;
  }
   ._transverse{
    width:2px;
    height:100%;
    position: absolute;
    z-index:1;
    left:10px;
    top:0;
    background: #79b904;
    pointer-events: none;
  }
</style>
